<template>
  <div id="app">
    <the-header ref="header"></the-header>

    <router-view/>

    <the-footer></the-footer>
  </div>
</template>


<script>

  import TheHeader from "./components/The-Header";
  import TheFooter from "./components/The-Footer";
  export default {
    name: 'App',
    components: {TheFooter, TheHeader},
  }
</script>

<style>

</style>